<!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Text-->
<body>
<div class="column">
<p>Ah, there you are. I’ve been waiting for you. I’ve something to tell you.</p>
[[I'm listening->intro 2]]
</div>
</body>
</html>
<!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>[[Load]]</li>
</ul>
</div>
</head>
<!--Variables-->
<body>
<div>
</div>
<!--Text-->
<body>
<div class="column">
</div>
localStorage.setItem('progress','');
</body>
</html><h1>Codex</h1>
<ul>
<li>Drakes</li>
<li>Magic</li>
<li>The Torn</li>
</ul><!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Text-->
<body>
<div class="column">
<p>Good.</p>
<p>I am here with a purpose. This particular purpose is rather changeable and unclear in substance. It leaves many paths open to me and I find myself unable to decide a path of my own free will. But I have a feeling we are very close to becoming rather entangled together in the web of this world.</p>
<p>So, I leave this to you. </p>
<p>Look inside that building.</p>
<p><em>You look to your right and see two people talking inside the building next to you. One of them is an older man, with gray hair and a neat beard. The other strikes your interest for some reason, you don't know why.</em></p>
<p>That is you. Or your body, more accurately.</p>
<p>You will take on the role of that person and I will watch you. You will show me which way I will go. Every one of the many decisions you make will affect not only my destination but yours. </p>
<p>Nonetheless, many things may happen and many of them we choose today, right here, right now. On a cobbled street, outside the Coward’s Tale.</p>
<p>Understand?</p>
<p><em>You nod. You watch as your new body begins to walk out of the pub. The man you were just speaking to stops them and pulls them into the alley. You sense that the man wants you to wait, so you do. You watch as the two talk for a while. Eventually the man looks to you and nods, and you happily rush into your new home.</em></p>
<p><em>Your body startles and freezes for a moment as it changes. You are now...<em></p>
[[A Different Soul->CC 1]]
</div>
</body>
</html><!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Text-->
<body>
<div class="column">
<p>You start to leave work. You had to stay late today, and you're rather tired because of it. Having to go to another job right after this one doesn't help any, but you have to pay the bills somehow.</p>
<p>On your way out of the building, you stop by a mirror to get a quick look at yourself before you head to your night job. You want to look presentable, at least. You look in the mirror and see...</p>
<p>[[A man]]</p>
<p>[[A woman]]</p>
<p>[[A nonbinary person]]</p>
</div>
</body>
</html><!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Variables-->
<body>
<div>
</div>
<!--Text-->
<div class="column">
</div>
</body>
</html><!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Text-->
<body>
<div class="column">
</div>
</body>
</html><!--Menu-->
<div>
<html>
<style>
.column
{float: left;
width: 60%;}
</style>
</div>
<head>
<div class="column"
style="
background-repeat:repeat;
background-attachment:fixed;
overflow:scroll;
width:200px;
height:800px;">
<h1>A Different Soul</h1>
<ul>
<li>[[Codex]]</li>
<li>[[Character]]</li>
<li>Save</li>
<li>Load</li>
</ul>
</div>
</head>
<!--Text-->
<body>
<div class="column">
</div>
</body>
</html><button type="button" localStorage.setItem('save1','');>Save 1</button>
<button type="button" localStorage.setItem('save2','');>Click Me!</button>
<button type="button" localStorage.setItem('save3','');>Click Me!</button>
<button type="button" localStorage.setItem('save4','');>Click Me!</button>
<button type="button" localStorage.setItem('save5','');>Click Me!</button>
localStorage.getItem('progress');
if (#progress=intro 1){[[Continue->intro 1]]}
if (#progress=intro 2){[[Continue->intro 2]]}
if (#progress=CC 1){[[Continue->CC 1]]}